<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link type="text/css" href="../../CSS/PageLy/Admin.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../JS/PageLy/Admin.js"></script>
    <script src="../../JS/PageLy/jquery.min.js"></script>
    <title>后台管理</title>
</head>
<body>
<div class="all">
    <div class="nav">
        <div id="nav-top"><h3><i class="fa fa-university" aria-hidden="true"></i> 后台管理系统 </h3></div>
        <div class="nav-part nav1" ><p><i class="fa fa-users" aria-hidden="true"></i> 用户管理</p></div>
        <div class="nav-part nav2" ><p><i class="fa fa-cubes" aria-hidden="true"></i> 商品管理</p></div>
        <div class="nav-part nav3" ><p><i class="fa fa-suitcase" aria-hidden="true"></i> 店铺管理</p></div>
        <div class="nav-part nav4" ><p><i class="fa fa-inbox" aria-hidden="true"></i> 商家管理</p></div>
        <div class="nav-part nav5" ><p><i class="fa fa-shopping-cart" aria-hidden="true"></i> 申请商品上架</p></div>
        <div class="nav-part nav6" ><p><i class="fa fa-user-plus" aria-hidden="true"></i> 申请成为用商家</p></div>
    </div>
    <div></div>
    <!--        用户管理-->
    <div class="main users">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-users" aria-hidden="true"></i>用户管理</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name" th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">

                <div class="search">
                    <input type="text" class="search-input-1" placeholder="请输入用户昵称">
                    <button class="search-btn-1">搜索</button>
                </div>
                <div class="modify-user">
                    <div class="modify-user-box">
                        <h2>修改用户</h2>
                        <p>昵称:</p><input class="nickname" type="text" placeholder="请输入昵称"/><p></p><br>
                        <p>真实姓名:</p><input class="rName" type="text" placeholder="请输入真实姓名"/><p></p><br>
                        <p>性别:</p>
                        <select class="sex">
                            <option value="无">无</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                        <p></p><br>
                        <p>手机号码:</p><input class="telephone" type="number" placeholder="请输入手机号码"/><p></p><br>
                        <button class="btn-modify">修改</button>
                        <button class="btn-goback">返回</button>
                    </div>
                </div>
                <div class="list">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th>昵称</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>电话</th>
                            <th>邮箱</th>
                            <th>身份证号</th>
                            <th>真实姓名</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p class="paging-title-p">共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input class="pre-next-mid" type="text" value="1"  padding="20px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--        商品管理-->
    <div class="main goods">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-cubes" aria-hidden="true"></i>商品管理</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name" th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">
                <div class="search">
                    <input type="text" class="search-input-2" placeholder="请输入商品名字">
                    <button class="search-btn-2">搜索</button>
                </div>
                <div class="modify-user">
                    <div class="modify-user-box">
                        <h2>修改用户</h2>
                        <p>地址:</p><input class="address" type="text" placeholder="请输入地址" /><p></p><br>
                        <p>年龄:</p><input class="age" type="text" placeholder="请输入年龄" /><p></p><br>
                        <p>邮箱:</p><input class="email" type="text" placeholder="请输入邮箱"/><p></p><br>
                        <p>身份证号:</p><input class="idCard" type="text" placeholder="请输入身份证号"/><p></p><br>
                        <p>昵称:</p><input class="nickname" type="text" placeholder="请输入昵称"/><p></p><br>
                        <p>密码:</p><input class="password" type="text" placeholder="请输入密码"/><p></p><br>
                        <p>真实姓名:</p><input class="rName" type="text" placeholder="请输入真实姓名"/><p></p><br>
                        <p>性别:</p>
                        <!--                            <input class="sex" type="text" placeholder="请输入性别"/>-->
                        <select class="sex">
                            <option value="保密">保密</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                        <p></p><br>
                        <p>手机号码:</p><input class="telephone" type="text" placeholder="请输入手机号码"/><p></p><br>
                        <p>用户id:</p><input class="userId" type="text" placeholder="请输入用户id"/><p></p><br>
                        <button class="btn-modify">修改</button>
                        <button class="btn-goback">返回</button>
                    </div>
                </div>
                <div class="list">
                    <table>
                        <thead>
                        <tr>
                            <th>商品名字</th>
                            <th>商品价格</th>
                            <th>商品销量</th>
                            <th>商品存货</th>
                            <th>店铺名称</th>
                            <th>商品类型</th>
                            <th>商品品牌</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p>共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input  class="pre-next-mid" type="text" value="1"  padding="5px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--        店铺管理-->
    <div class="main shop">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-suitcase" aria-hidden="true"></i>店铺管理</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name" th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">
                <div class="search">
                    <input type="text" class="search-input-3" placeholder="请输入店铺名字">
                    <button class="search-btn-3">搜索</button>
                </div>
                <div class="modify-user">
                    <div class="modify-user-box">
                        <h2>修改</h2>
                        <p>地址:</p><input class="address" type="text" placeholder="请输入地址" /><p></p><br>
                        <p>年龄:</p><input class="age" type="text" placeholder="请输入年龄" /><p></p><br>
                        <p>邮箱:</p><input class="email" type="text" placeholder="请输入邮箱"/><p></p><br>
                        <p>身份证号:</p><input class="idCard" type="text" placeholder="请输入身份证号"/><p></p><br>
                        <p>昵称:</p><input class="nickname" type="text" placeholder="请输入昵称"/><p></p><br>
                        <p>密码:</p><input class="password" type="text" placeholder="请输入密码"/><p></p><br>
                        <p>真实姓名:</p><input class="rName" type="text" placeholder="请输入真实姓名"/><p></p><br>
                        <p>性别:</p>
                        <!--                            <input class="sex" type="text" placeholder="请输入性别"/>-->
                        <select class="sex">
                            <option value="保密">保密</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                        <p></p><br>
                        <p>手机号码:</p><input class="telephone" type="text" placeholder="请输入手机号码"/><p></p><br>
                        <p>用户id:</p><input class="userId" type="text" placeholder="请输入用户id"/><p></p><br>
                        <button class="btn-modify">修改</button>
                        <button class="btn-goback">返回</button>
                    </div>
                </div>
                <div class="list">
                    <table>
                        <thead>
                        <tr>
                            <th>店铺名称</th>
                            <th>昵称</th>
                            <th>名誉</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p>共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input  class="pre-next-mid" type="text" value="1"  padding="5px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--        商家管理-->
    <div class="main store">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-inbox" aria-hidden="true"></i>商家管理</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name"  th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">
                <div class="search">
                    <input type="text" class="search-input-4" placeholder="请输入商家昵称">
                    <button class="search-btn-4">搜索</button>
                </div>
                <div class="modify-user">
                    <div class="modify-user-box">
                        <h2>修改用户</h2>
                        <p>年龄:</p><input class="age" type="text" placeholder="请输入年龄" /><p></p><br>
                        <p>身份证号:</p><input class="idCard" type="text" placeholder="请输入身份证号"/><p></p><br>
                        <p>昵称:</p><input class="nickname" type="text" placeholder="请输入昵称"/><p></p><br>
                        <p>真实姓名:</p><input class="rName" type="text" placeholder="请输入真实姓名"/><p></p><br>
                        <p>性别:</p>
                        <!--                            <input class="sex" type="text" placeholder="请输入性别"/>-->
                        <select class="sex">
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                        <p></p><br>
                        <p>手机号码:</p><input class="telephone" type="text" placeholder="请输入手机号码"/><p></p><br>
                        <button class="btn-modify">修改</button>
                        <button class="btn-goback">返回</button>
                    </div>
                </div>
                <div class="list">
                    <table>
                        <thead>
                        <tr>
                            <th>昵称</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>电话</th>
                            <th>邮箱</th>
                            <th>身份证号</th>
                            <th>真实姓名</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p>共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input  class="pre-next-mid" type="text" value="1"  padding="5px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    申请商品上架-->
    <div class="main put-goods">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-shopping-cart" aria-hidden="true"></i>申请商品上架</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name" th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">
                <div class="search">
                    <input type="text" class="search-input-5" placeholder="请输入商品名字">
                    <button class="search-btn-5">搜索</button>
                </div>
                <div class="list">
                    <table>
                        <thead>
                        <tr>
                            <th>商品名字</th>
                            <th>商品价格</th>
                            <th>商品销量</th>
                            <th>商品存货</th>
                            <th>店铺名称</th>
                            <th>商品类型</th>
                            <th>商品品牌</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p>共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input  class="pre-next-mid" type="text" value="1"  padding="5px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    申请成为商家-->
    <div class="main become-store">
        <div class="main-flex">
            <div class="main-top">
                <div class="main-top-1">
                    <ul>
                        <li class="selected"><i class="fa fa-user-plus" aria-hidden="true"></i>申请成为商家</li>
                    </ul>
                    <div class="user">
                        <div class="user-i">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p class="user-i-name" th:text="${session.user}!=null?${session.user.email}: '用户名'">用户名</p>
                        </div>
                        <div class="user-news">
                            <li class="User">个人用户</li>
                            <li class="exit">退出</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-handle">
                <div class="search">
                    <input type="text" class="search-input-6" placeholder="请输入用户昵称">
                    <button class="search-btn-6">搜索</button>
                </div>
                <div class="list">
                    <table>
                        <thead>
                        <tr>
                            <th>昵称</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>电话</th>
                            <th>邮箱</th>
                            <th>身份证号</th>
                            <th>真实姓名</th>
                            <th>是否同意成为商家</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="nodata"><img src="../../Img/nodata.png" class="nodata-img" width="100%" height="100%"></div>
                    <div class="paging">
                        <div class="paging-title">
                            <p>共x页</p>
                        </div>
                        <div class="paging-btn">
                            <div class="pre"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                            <input  class="pre-next-mid" type="text" value="1"  padding="5px"/>
                            <div class="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                        </div>
                        <div class="go">
                            前往<input class="pageNow" type="text" value="1"/><button class="define">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>